<nz-select [(ngModel)]="courseTypeId" name="courseType" (nzScrollToBottom)="getCourseTypeDropDownList()"
  [nzDisabled]="isPreView" [nzPlaceHolder]="'请选择课程类型'" [nzShowSearch]="true" nzAllowClear
  (ngModelChange)="ngModelChange($event)">
  <nz-option *ngFor="let courseType of courseTypeList" [nzValue]="courseType.id" [nzLabel]="courseType.courseBaseType
        ? courseType.name + '/' + [courseType.courseBaseType === 'REQUIRED_COURSE' ? '必修课' 
        : courseType.courseBaseType === 'OPTIONAL_COURSE' ? '任选课'
        : courseType.courseBaseType === 'RESTRICTED_COURSE' ? '限选课' : '']  : courseType.name">
  </nz-option>
  <nz-option *ngIf="isLoading" nzDisabled nzCustomContent>
    <i nz-icon nzType="loading" class="loading-icon"></i> Loading Data...
  </nz-option>
</nz-select>
